<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html>
<head>
<title>Insert title here</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Template by FreeHTML5.co" />
	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
	
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/bootstrapValidator.css">

	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-4 col-md-offset-4">

				<!-- Start Sign In Form -->
				<form id="sign" action="${pageContext.request.contextPath}/sign.do" class="fh5co-form animate-box"
					data-animate-effect="fadeIn" enctype="multipart/form-data" method="post">
					<h2>注册</h2>
					<div class="form-group">
						<label for="name" class="sr-only">用户名</label> 
						<input type="text" class="form-control" name="user_name" id="user_name" placeholder="用户名" autocomplete="off" datatype="*" nullmsg="请输入用户名！">
					</div>
					<div class="form-group">
						<label for="email" class="sr-only">年龄</label> 
						<input type="text" class="form-control" name="user_age" id="user_age" placeholder="年龄" autocomplete="off" datatype="n" nullmsg="请输入年龄！">
					</div>
					<div class="form-group">
						<label for="password" class="sr-only">密码</label> 
						<input type="password" class="form-control" name="user_password" id="user_password" placeholder="密码" autocomplete="off" datatype="*" nullmsg="请输入密码！">
					</div>
					<div class="form-group">
						<label for="re-password" class="sr-only">确认密码</label> 
						<input type="password" class="form-control" name="re_user_password" id="re_user_password" placeholder="确认密码" autocomplete="off" datatype="*" nullmsg="请输入确认密码！" recheck="user_password" errormsg="两次密码不一致">
					</div>
					<div class="form-group">
						头像：<input type="file" name="photo" id="photo"/><br>
					</div>
					<div class="form-group">
						<p>已有账户？ <a href="index.jsp">登录</a>
						</p>
					</div>
					<div class="form-group">
						<input type="submit" value="注册" class="btn btn-primary">
					</div>
				</form>
				<!-- END Sign In Form -->

			</div>
		</div>
	</div>

	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Placeholder -->
	<script src="js/jquery.placeholder.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Main JS -->
	<script src="js/main.js"></script>
	<script src="js/Validform_v5.3.2_min.js"></script>
  
  	<script>
		$(document).ready(function() {
			$('#sign').Validform({
				tiptype:3, 
			});
		});
	</script>
  	
</body>
</html>